.newDesign{
  .treeLine.el-tree{
    .el-tree-node {
      position: relative;
      .el-tree-node__content{
        align-items: flex-start;
        padding-left: 0!important;
        &:has(.expanded.el-tree-node__expand-icon){
          position: relative;
          &:before{
            content: '';
            position: absolute;
            height: 30px;
            width: 1px;
            border-left: 1px solid #E5E6EB;
            top: 24px;
            left: 11px;
          }
        }
      }
    }
    .el-tree-node__children {
      padding-left: 16px;
    }
    .el-tree-node :last-child:before {
      height: 38px;
    }
    .el-tree-node__children {
      padding-left: 22px;
      .el-tree-node:before {
        content: "";
        left: -11px;
        position: absolute;
        right: auto;
        border-width: 1px;
      }
    }
    .el-tree-node:after {
      content: "";
      left: -11px;
      position: absolute;
      right: auto;
      border-width: 1px;
    }
    .el-tree-node__expand-icon{
      padding-top: 8px;
      color: #1D2129;
      &.is-leaf {
        color: transparent;
        &::after{
          content: '';
          position: absolute;
          width: 4px;
          height: 4px;
          background-color: #D9D9D9;
          border-radius: 50%;
          left: 50%;
          top: 50%;
          transform: translateX(-50%);
        }
      }
    }
    .el-tree-node:before {
      border-left: 1px solid #E5E6EB;
      bottom: 0px;
      height: 100%;
      top: -26px;
      width: 1px;
    }
    .el-tree-node:after {
      border-bottom: 1px solid #E5E6EB;
      height: 20px;
      width: 10px;
      border-bottom-left-radius: 4px;
      top: -5px
    }
    .custom-tree-node {
      padding-left: 10px;
    }
    > .el-tree-node:after{
      border-bottom: none;
    }
    // > .el-tree-node:before { // 待定
    //   border-left: none;
    // }
  }
}